<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			img{
				display: none;
				position: absolute;
				left: 4%;top: 5%;
			}
		</style>
	</head>
	<body>
			<button class="btn" id="box">按钮</button>
		<img class="img" src="1.jpg"/>
		<script type="text/javascript">
			document.querySelector(".btn").onclick = function(){
				alert("姬霓太美")
			}
			
			document.querySelector(".btn").onclick = function(){
				document.querySelector(".img").style.display = "block"
			}
		</script>
	</body>
</html>
